import { createRouter, createWebHashHistory } from "vue-router";

// 1.定义用于路由访问的组件
import HomePage from '../views/HomePage.vue'
import AboutPage from '../views/AboutPage.vue'
import UserPage from '../views/UserPage.vue'

// 2.定义路由表
const routes = [
    {
        path: "/",
        component: HomePage,
        meta: {msg: "路由元数据"}
    },
    {
        path: "/about",
        component: AboutPage
    },
    {
        path: "/user/:key",
        component: UserPage
    }
]

// 3.创建路由
const router = createRouter({
    history: createWebHashHistory(),
    routes
})

// 4.前置路由守卫
router.beforeEach((to, from) => {
    console.log(`from:${from.fullPath} --> to:${to.fullPath}`);
    if (to.meta.msg) {
        console.log(to);
        console.log(to.meta.msg);
    }
});

export default router;